<html>

	<head>
		<title>CSS层级样式</title>
		<meta http-equiv="Content-Type" content="text/html charset=utf-8">
		
		<style>
			.box{
				width:560px;
				border: 1px solid red;
				background:#9999ff;
			}
			.box a:link, .box a:visited{
				text-decoration:none;
				color:#003399;
			}
			.box a:hover{
				color:red;
				text-decoration:underline;
			}
			.box a.a1:hover{
				background-color: gray;
			}
			ul, li {
				list-style:none;
			}
			.news {
				width: 400px;
				height: 500px;
				background:orange;
				border-top: 10px solid red;
				border-right: 10px dashed green;
				border-bottom: 10px dotted blue;
			}
			.class1{
				width:400px;
				background-color:#ccc;
				padding:10px;
				margin: 10px;
			}
		</style>
	</head>
	<body>	
		<div class="box">
			<a href="#">test1</a>|
			<a href="#">test2</a>|
			<a href="#" class="a1">test3</a>|
			<a href="#">test4</a>|
			<a href="#">test5</a>|
			<a href="#">test6</a>|
		</div>
		
		<br>
		<!-- 去除列表的的符号 -->
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
			<li>6</li>
		</ul>
		<br>
		<!-- 设置边框 -->
		<div class="news">
			
		</div>
		<!-- 内填充样式 -->
		<div class="class1">
			凤凰体育讯（记者刘璐莎）丰台体育中心的球迷看台上，球迷举着庆祝冲超的标语，
			迫不及待地盼着主裁判吹响终场哨。哨声响起，人和队员们把主教练路易斯高高举起，
			一向以硬汉形象示人的门将张烈也眼眶红润。2015年贵州人和从中超降级并迁至北京后，
			球队时隔2年重返中超。
		</div>
		<div class="class1">
			凤凰体育讯（记者刘璐莎）丰台体育中心的球迷看台上，球迷举着庆祝冲超的标语，
			迫不及待地盼着主裁判吹响终场哨。哨声响起，人和队员们把主教练路易斯高高举起，
			一向以硬汉形象示人的门将张烈也眼眶红润。2015年贵州人和从中超降级并迁至北京后，
			球队时隔2年重返中超。
		</div>
	</body>



</html>